{include mobadmin.inc.header}
<!--tmpl-resource-->
<link href="/res/offer/mobadmin/css/common.css" rel="stylesheet" type="text/css" />
<style>
    .verPhoneRow{ height: 2rem;border:1px solid #ededed;background: #fff;margin:0rem 0.625rem;border-radius: 0.3rem;position: relative; }
    .verPhoneRow .phoneIcon{ height: 0.869rem;width:0.869rem;position: absolute; top:0rem;left: 0rem;background: url( /res/offer/mobadmin/images/phoneIcon.gif) no-repeat;background-size: 100%;top:0.565rem;left: 0.565rem; }
    .verPhoneRow .verPhoneInp,.erCodeInp{ font-size: 0.652rem;outline: none;border:none;position: absolute;left: 1.7rem;top:0.5rem;}
    .verErCode{ height: 2rem;margin:0rem 0.625rem; }
    .erCodeLeft{ float:left;width:50%;background: #fff;border-radius: 0.2rem;height: 2rem;line-height: 2rem;position: relative;}
    .erCodeRight{ margin-left: 50%;}
    .erCodeGetBtn{ display: block;margin-left: 1rem;height: 2rem;width:90%;line-height: 2rem;text-align: center;background: #78b7fe;color:#fff;font-size:0.6521rem;border-radius: 0.2rem;    float: right;}
    .erCodeGetBtn i{ font-style: normal;}
    .erCodeIcon{ position: absolute;height: 0.869rem;width:0.869rem;background: url( /res/offer/mobadmin/images/ercodeIcon.gif) no-repeat;top:0.565rem;left: 0.565rem;background-size: 100%; }
    .erCodeInp{ width:5rem;line-height:1rem;}
    .verPs{ margin:0rem 0.625rem;font-size: 0.521rem;color:#999999;line-height: 0.921rem; }
    .tijiaoBtn{ height: 2.173rem;line-height: 2.173rem;margin:0rem 0.625rem;text-align: center;background: #2f8aff;display: block;color: #fff;border-radius: 0.2rem;font-size:0.782rem; }

    .verPhoneAccount{ font-size: 0.652rem;color:#666666;position: absolute;left: 1.7rem;top:0.5rem;}

    .erCodeInpGray{ background: #bbb; }
</style>

    {if $username}
    <!-- 成功后 -->
    <div class="blank30"></div><div class="blank30"></div>
    <div class="verPhoneRow">
        <span class="phoneIcon"></span>
        <span class="verPhoneAccount">账号：{$username}</span>
    </div>
    <div class="blank30"></div>
    <div class="verPs">验证通过的手机号将作为PC端的登录帐号，我们将会以短信的方式通知您，感谢您的支持！</div>
    <!-- 成功后 end-->
    {else}
    <form action="" id="authFrom">
        <div class="blank30"></div><div class="blank30"></div>
        <div class="verPhoneRow">
            <span class="phoneIcon"></span>
            <input class="verPhoneInp" value="" name="mobile" maxlength="11" placeholder="请输入您的手机号"/>
        </div>
        <div class="blank30"></div>
        <div class="verErCode">
            <div class="erCodeLeft">
                <span class="erCodeIcon"></span>
                <input class="erCodeInp " placeholder="请输入验证码" name="vcode" maxlength="4" value=""/>
            </div>
            <div class="erCodeRight">
                <!-- erCodeInpGray 去掉是可以按的状态 -->
                <button type="button"  class="erCodeGetBtn erCodeInpGray" disabled data-act="get_code">获取验证码</button>
            </div>
        </div>
        <div class="blank30"></div>
        <div class="verPs">验证通过的手机号将作为PC端的登录帐号，我们将会以短信的方式通知您，感谢您的支持！</div>
        <div class="blank30"></div><div class="blank30"></div><div class="blank30"></div>
        <div class="tijiaoRow">
            <input type="hidden" name="token" value="{$token}">
            <a href="javascript:void(0)" class="tijiaoBtn" data-act="do_auth" >提交</a>
        </div>
    </form>
    {/if}
<!--footer section start-->
{include mobadmin.inc.footer}
<!--footer section end-->
<script type="text/javascript">
    seajs.use("auth",function (exports){
        exports.init();
    });
</script>

    </body>
</html>